window.onload = function () {
    new Vue({
        el: '#max-box',
        // 数据
        data: {
            shuju: ph_urls,
        },
        methods:{

        },
        created(){
            var url = location.search;
            // console.log(document.referrer);
            // console.log(location.search);
            var str = url.substring(1,url.length).split('=')[1];
            // console.log(str);
            $(".conwen div").attr('v-for','(item,index) in shuju.ph'+str+'_url');
            $(".conwen2>div").attr('v-for','(item,index) in shuju.ph'+str+'_url');
        },
    });

    // jquery
    $(".conwen-div img").click(function () {
        var num = $(this).parent().index();
        $(".swiperbox").css({transform: 'scale(1)'});
        console.log(num);
        //swiper
        var swiper = new Swiper('.swiper-container', {
            initialSlide :num,      // 初始化跳到第几个轮播图
            pagination: {
                el: '.swiper-pagination',  // 进度条
                type: 'progressbar',     // 进度条样式
            }
        });
    });
    $(".swiperbox").click(function () {
        $(this).css({transform: 'scale(0)'});
    });

    //    按需加载
    // document.documentElement.scrollTop = 1;
    // var obj = document.documentElement || document.body;
    // window.onscroll = function () {
    //     // console.log(obj.scrollTop);
    //     for (var j = 0; j < document.querySelectorAll('.conwen-div img').length; j++) {
    //
    //         if ((300+obj.scrollTop)>=document.querySelectorAll('.conwen-div img')[j].offsetTop) {
    //             for (var k = 0; k < document.querySelectorAll('.conwen-div img').length; k++) {
    //                 document.querySelectorAll('.conwen-div img')[k].src=document.querySelectorAll('.conwen-div img')[k].getAttribute("data-src")
    //             }
    //         }
    //     }
    //
    // };

//     for (var i = 0; i < imgbox.length; i++) {
//         var allimg=imgbox[i].getElementsByTagName('img');
//         if ((350+obj.scrollTop)>=imgbox[i].offsetTop) {
// //                    console.log(imgbox[i].offsetTop)
//             for (var j = 0; j < allimg.length; j++) {
//                 allimg[j].src=allimg[j].getAttribute("date-src")
//             }
//         }
//     }




};








